<html>
  <head>
    <script type="text/javascript" src="http://www.google.com/jsapi"></script>
	<script src="http://dependencydiagram.googlecode.com/svn/trunk/html/assets/DependencyDiagram.js" type="text/javascript"></script> 
    <script type="text/javascript">
      google.load("swfobject", "2.2");
      google.load('visualization', '1');
      google.setOnLoadCallback(drawVisualization);
      function drawVisualization() {
        var data = new google.visualization.DataTable();
				data.addColumn('string', 'Stars');
				data.addColumn('string', 'Co-stars');
				data.addColumn('string', 'Movie');
				data.addColumn('number', 'Imdb Rating');
				data.addColumn('date', 'Release Date');				
				data.addColumn('string', 'Director');
				data.addRows([
				  ['Tim Robbins', 'Morgan Freeman', 'The Shawshank Redemption', 9, new Date(1994, 8, 23 ),'Frank Darabont'],
				  ['Marlon Brando', 'Al Pacino', 'The Godfather', 9, new Date(1972, 3, 15),'Francis Ford Coppola'],
				  ['Leonardo DiCaprio', 'Ellen Page', 'Inception', 9, new Date(1982, 11, 7),'Christopher Nolan'],
				  ['Al Pacino', 'Robert De Niro', 'The Godfather: Part II', 9, new Date(1982, 11, 7),'Francis Ford Coppola'],
				  ['Clint Eastwood', 'Lee Van Cleef', 'The Good, the Bad and the Ugly', 8.9, new Date(1991, 11, 7),'Sergio Leone'],
				  ['John Travolta', 'Samuel L. Jackson', 'Pulp Fiction', 8.9, new Date(1982, 11, 7),'Quentin Tarantino'],
				  ['Liam Neeson', 'Ben Kingsley', 'Schindler\'s List', 8.9, new Date(1972, 11, 7),'Steven Spielberg'],
				  ['Jack Nicholson', 'Louise Fletcher', 'One Flew Over the Cuckoo\'s Nest ', 8.8, new Date(1982, 11, 7),'Miloš Forman'],
				  ['Robert De Niro', 'Ray Liotta', 'Goodfellas', 8.8, new Date(1982, 11, 7),'Martin Scorsese'],
				  ['Kevin Spacey', 'Gabriel Byrne', 'The Usual Suspects', 8.7, new Date(1982, 11, 7),'Bryan Singer'],
				  ['Keanu Reeves', 'Laurence Fishburne', 'The Matrix', 8.7, new Date(1982, 11, 7),'Andy Wachowski'],
				  ['Guy Pearce', 'Carrie-Anne Moss', 'Memento', 8.7, new Date(1965, 11, 7),'Christopher Nolan'],
				  ['Adrien Brody', 'Thomas Kretschmann', 'The Pianist', 8.5, new Date(1985, 11, 7),'Roman Polanski'],
				  ['Leonardo DiCaprio', 'Matt Damon', 'The Departed', 8.5, new Date(2010, 1, 1),'Martin Scorsese'],
				  ['Ellen Burstyn', 'Jared Leto', 'Requiem for a Dream', 8.5, new Date(2010, 1, 1),'Darren Aronofsky']
				]);
        var vis = new visual.dependencyDiagram(document.getElementById("visual"));
        vis.draw(data);
      }
    </script>
  </head>
  <body>
    <div id="visual" style="width:800px; height:600px; position:relative;">
        	<img src="http://dependencydiagram.googlecode.com/svn/trunk/html/assets/preloader.gif" style="position:absolute;left:113px;top:182px;"/>
    </div>
  </body>
</html>
 

